<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>首页</title>
	<link rel="stylesheet" href="assets/css/index.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
	<link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
	<!-- <link rel="stylesheet" href="assets/css/business.css" /> -->
</head>

<body>
	<div class="container">
		<div class="navigation before"></div>
		<div class="content">
			<header class="">
				<div class="left">
					<!-- <img class="toggle packUp" src="assets/images/nav/icon-zhankai.svg" />
						<img class="toggle expansion" src="assets/images/nav/icon-zhedie.svg" /> -->
					<h1>2022年 全面预算</h1>
				</div>
				<div class="right">
					<div class="search">
						<div class="year">
							<p>时间：</p>
							<input type="text" name="" id="year" value="" />
						</div>
						<div class="section">
							<p>部门：</p>
							<div class="sector">
								<div class="">
									<span>全所</span>
								</div>
							</div>
							<div class="options">
								<div class="all">
									<i></i>
									<p>全所</p>
								</div>
							</div>
						</div>
					</div>
					<time></time>
					<div class="menu">
						<a class="goBack" href="javascript:goFront()">前往后台</a>
						<div class="user">
							<p>A</p>
							<div class="">
								<a href="change-password.html">修改密码</a>
								<a href="login.html">退出登录</a>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!-- 内容区域 -->
			<div class="wrapper">
				<div class="cont">
					<!-- 业务 -->
					<div id="yewuDisplay" style="display: none;">
						<div class="yewu">
							<div class="title">
								<div>业务</div>
								<a class="goDetail" href="business.html">
									<img src="assets/images/index/icon-arrow.png" alt="业务详情" />
								</a>
							</div>
							<div class="chart">
								<div class="chart_yewu">
									<div class="plate">
										本年业务支出总预算
										<p> <span class="totalexpenditureBudget">-</span> 万元</p>
									</div>
									<div class="plate" style="margin: 0;">
										本年计划总数量
										<p><span class="planTotal"> -</span> 个</p>
									</div>
								</div>
							</div>
						</div>
						<div class="notes-item">
							<div style="margin-right: 16px; ">
								<div id="zhichu_chart" style="margin-right: 0"></div>
								<div class="name">
									<div>预算执行金额</div>
									<p> <span class="budgetImplementation">-</span> 万元 </p>
								</div>
							</div>
							<div>
								<div id="jihuan_chart"></div>
								<div class="name">
									<div>计划完成数</div>
									<p> <span class="planComplete">-</span> 个 </p>
								</div>
							</div>
						</div>
					</div>


					<!-- 资金 -->
					<div id="zijinDisplay" style="display: none;">
						<div class="zijin">
							<div class="title">
								<div>资金</div>
								<a class="goDetail" href="capital.html">
									<img src="assets/images/index/icon-arrow.png" alt="资金详情" />
								</a>
							</div>
							<div class="chart">
								<div class="plate">
									流入
									<p> <span class="inflow"> -</span> 万元</p>
								</div>
								<div class="plate" style="margin: 0;">
									流出
									<p><span class="flowout"> -</span> 万元</p>
								</div>
							</div>
							<!-- <div class="notes">
              <div class="palin">
                <div class="left">
                  年初
                  <p><span class="beginning"> 500.20</span>万元</p>
                </div>
                <div class="right">
                  期末现金及等价物余额
                  <p><span class="xianjindengjia">6,000.00 </span>万元</p>
                </div>
              </div>
            </div> -->
						</div>
						<div class="notes-item">
							<div style="margin-right: 16px;">
								<div class="bg_img">
									<img src="assets/images/index/icon_Early@2x.png" alt="年初">
								</div>
								<div class="name">
									<div>年初</div>
									<p> <span class="beginning">-</span> 万元 </p>
								</div>
							</div>
							<div>
								<div class="bg_img">
									<img src="assets/images/index/icon_balance@2x.png" alt="期末现金及等价物余额">
								</div>
								<div class="name">
									<div>期末现金及等价物余额</div>
									<p> <span class="xianjindengjia">-</span> 万元 </p>
								</div>
							</div>
						</div>
					</div>

					<!-- 财务 -->
					<div id="caiwuDisplay" style="margin-right: 0; display: none;">
						<div class="caiwu">
							<div class="title">
								<div>财务</div>
								<a class="goDetail" href="finance.html">
									<img src="assets/images/index/icon-arrow.png" alt="财务详情" />
								</a>
							</div>
							<div class="chart">
								<div class="plate">
									本年收入
									<p> <span class="yearIncome"> - </span> 万元</p>
								</div>
								<div class="plate" style="margin: 0;">
									本年利润
									<p><span class="yearProfit"> - </span> 万元</p>
								</div>
							</div>
						</div>
						<div class="notes-item" style="margin-right: 0;">
							<div style="margin-right: 16px;">
								<div class="bg_img" style="background-color:#E9FAF5; border: 2px solid #20C997;">
									<img src="assets/images/index/icon_Income@2x.png" alt="本月收入">
								</div>
								<div class="name">
									<div>本月收入</div>
									<p> <span class="monthIncome">-</span> 万元 </p>
								</div>
							</div>
							<div>
								<div class="bg_img" style="background-color:#E9FAF5; border: 2px solid #20C997;">
									<img src="assets/images/index/icon_Profit@2x.png" alt="本月利润">
								</div>
								<div class="name">
									<div>本月利润</div>
									<p> <span class="monthProfit">-</span> 万元 </p>
								</div>
							</div>
						</div>
					</div>

				</div>

				<!-- 月度趋势 -->
				<!-- <div class="monthlyTrend">
          <h3>月度趋势</h3>
          <div id="monthlyTrend"></div>
        </div> -->
			</div>
		</div>
	</div>
</body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/test.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/echarts.min.js"></script>
<script src="assets/js/echarts-liquidfill.js"></script>
<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/plugins/chartlib.js"></script>
<script src="assets/js/http/api.js"></script>
<script src="assets/js/index.js"></script>
<script src="assets/plugins/comm.js" type="text/javascript" charset="utf-8"></script>

</html>